<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta http-equiv="Access-Control-Allow-Origin" content="*">
	<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
	<link rel="icon" type="image/png" href="/assets/imgs/favicon.png" sizes="16x16">
	<title>途宽-车况管理系统</title>
	
	<!-- Bootstrap 3.3.6 -->
	<link rel="stylesheet" href="/libs/bootstrap/css/bootstrap.min.css">
	<!-- Font Awesome -->
	<link rel="stylesheet" href="/assets/css/font-awesome.min.css">
	<!-- login styles -->
	<link rel="stylesheet" href="/assets/css/login.css">
</head>


<body class="login-layout">
	<div id="particles-js" class="main-container">
		<div class="login-container">
			<div class="center" style="margin-top: 100px;margin-bottom: 30px;">
				<!-- <img src="/assets/imgs/logo.png"> -->
			</div>


			<div class="position-relative">
				<div id="login-box" class="login-box visible widget-box no-border">
					<div class="widget-body">
						<div class="widget-main">
							<div class="space-6"></div>
							<div class="space-6"></div>
							<div style="text-align: center;">
								<img src="/assets/imgs/logo.png" style="margin-left: -15px;">
							</div>
							<!-- <h4 class="header blue lighter bigger">
								<i class="ace-icon fa fa-coffee green"></i> 请输入您的登录信息
							</h4> -->

							<div class="space-6"></div>
							<div class="space-6"></div>

							<form id="login">
								<fieldset>
									<label class="block clearfix"> 
										<span class="block input-icon input-icon-right"> 
											<input type="text" class="form-control" placeholder="用户名 / 邮箱 / 手机号" name="account" value="15602208888">
											<i class="ace-icon fa fa-user"></i>
										</span>
									</label> 
									<label class="block clearfix"> 
										<span class="block input-icon input-icon-right"> 
											<input type="password" class="form-control" placeholder="密码" name="password" value="8888">
											<i class="ace-icon fa fa-lock"></i>
										</span>
									</label>

									<div class="space"></div>

									<div class="clearfix">
										<label class="inline"> 
											<input type="checkbox" class="ace"> <span class="lbl"> 记住我</span>
										</label>

										<button id="loginBtn" type="button" class="width-35 pull-right btn btn-sm btn-primary">
											<i class="ace-icon fa fa-key"></i> <span class="bigger-110">登录</span>
										</button>
									</div>

									<div class="space-4"></div>
									<div id="msg"></div>
								</fieldset>
							</form>

							<div class="social-or-login center">
								<span class="bigger-110">第三方验证</span>
							</div>

							<div class="space-6"></div>

							<div class="social-login center">
								<a class="btn btn-primary"> <i class="ace-icon fa fa-facebook"></i></a> 
								<a class="btn btn-info"> <i class="ace-icon fa fa-twitter"></i></a> 
								<a class="btn btn-danger"> <i class="ace-icon fa fa-google-plus"></i></a>
							</div>
						</div>
						<!-- /.widget-main -->

						<div class="toolbar clearfix">
							<div>
								<a href="#" data-target="#forgot-box" class="forgot-password-link"> 
									<i class="ace-icon fa fa-arrow-left"></i> 忘记密码
								</a>
							</div>

							<div>
								<a href="#" data-target="#signup-box" class="user-signup-link">
									我想注册 <i class="ace-icon fa fa-arrow-right"></i>
								</a>
							</div>
						</div>
					</div>
					<!-- /.widget-body -->
				</div>
				<!-- /.login-box -->

				<div id="forgot-box" class="forgot-box widget-box no-border">
					<div class="widget-body">
						<div class="widget-main">
							<h4 class="header red lighter bigger">
								<i class="ace-icon fa fa-key"></i> 找回密码
							</h4>

							<div class="space-6"></div>
							<p>请输入你的邮箱地址</p>

							<form id="forget">
								<fieldset>
									<label class="block clearfix"> <span
										class="block input-icon input-icon-right"> <input
											type="email" class="form-control" placeholder="邮箱地址">
											<i class="ace-icon fa fa-envelope"></i>
									</span>
									</label>

									<div class="clearfix">
										<button type="button"
											class="width-35 pull-right btn btn-sm btn-danger">
											<i class="ace-icon fa fa-lightbulb-o"></i> <span
												class="bigger-110">发送!</span>
										</button>
									</div>
								</fieldset>
							</form>
						</div>
						<!-- /.widget-main -->

						<div class="toolbar center">
							<a href="#" data-target="#login-box" class="back-to-login-link">
								返回登录 <i class="ace-icon fa fa-arrow-right"></i>
							</a>
						</div>
					</div>
					<!-- /.widget-body -->
				</div>
				<!-- /.forgot-box -->

				<div id="signup-box" class="signup-box widget-box no-border">
					<div class="widget-body">
						<div class="widget-main">
							<h4 class="header green lighter bigger">
								<i class="ace-icon fa fa-users blue"></i> 新用户注册
							</h4>

							<div class="space-6"></div>
							<p>请输入您的注册信息:</p>

							<form id="register">
								<fieldset>
									<label class="block clearfix"> <span
										class="block input-icon input-icon-right"> <input
											type="email" class="form-control" placeholder="邮箱"> <i
											class="ace-icon fa fa-envelope"></i>
									</span>
									</label> <label class="block clearfix"> <span
										class="block input-icon input-icon-right"> <input
											type="text" class="form-control" placeholder="用户名"> <i
											class="ace-icon fa fa-user"></i>
									</span>
									</label> <label class="block clearfix"> <span
										class="block input-icon input-icon-right"> <input
											type="password" class="form-control" placeholder="密码">
											<i class="ace-icon fa fa-lock"></i>
									</span>
									</label> <label class="block clearfix"> <span
										class="block input-icon input-icon-right"> <input
											type="password" class="form-control" placeholder="确认密码">
											<i class="ace-icon fa fa-retweet"></i>
									</span>
									</label> <label class="block"> <input type="checkbox"
										class="ace"> <span class="lbl"> 我接受 <a href="">用户协议</a>
									</span>
									</label>

									<div class="space-24"></div>

									<div class="clearfix">
										<button type="reset" class="width-30 pull-left btn btn-sm">
											<i class="ace-icon fa fa-refresh"></i> <span
												class="bigger-110">重置</span>
										</button>

										<button type="button"
											class="width-65 pull-right btn btn-sm btn-success">
											<span class="bigger-110">注册</span> <i
												class="ace-icon fa fa-arrow-right icon-on-right"></i>
										</button>
									</div>
								</fieldset>
							</form>
						</div>

						<div class="toolbar center">
							<a href="#" data-target="#login-box" class="back-to-login-link">
								<i class="ace-icon fa fa-arrow-left"></i> 返回登录
							</a>
						</div>
					</div>
					<!-- /.widget-body -->
				</div>
				<!-- /.signup-box -->
			</div>
			<!-- /.position-relative -->

		</div>
		<!-- /.main-content -->
	</div>
	<!-- /.main-container -->


	<!-- jQuery 2.2.3 -->
	<script src="/libs/jQuery/jquery-2.2.3.min.js"></script>
	<!-- Bootstrap 3.3.6 -->
	<script src="/libs/bootstrap/js/bootstrap.min.js"></script>

	<script src="/libs/particles/particles.min.js"></script>
	<script src="/libs/particles/js/app.js"></script>
	<script src="/js/login.js"></script>

	<script type="text/javascript">
		jQuery(function($) {
			$(document).on('click', '.toolbar a[data-target]', function(e) {
				e.preventDefault();
				var target = $(this).data('target');
				$('.widget-box.visible').removeClass('visible');//hide others
				$(target).addClass('visible');//show target
			});
		});
	</script>
</body>
</html>
